<template>
    <div>
        <div class="crumbs">
            <el-form ref="form" :model="form" label-width="130px">
                <div class="container">
                    <div class="lu hnk"></div>
                    <div class="hnk jgxx">广告位信息</div>
                    <div class="jgcontainer" style="margin: 40px 0">
                        <el-row :gutter="20" style="margin-top: 20px">
                            <el-col :span="10" style="margin-left: 50px">
                                <div>产品名称: {{ productName }}</div>
                                <div style="margin-top: 20px">类型: {{ type }}</div>
                            </el-col>
                            <el-col :span="12" style="margin-left: 40px">
                                <div>版本: {{ edition }}</div>
                                <div style="margin-top: 20px">广告位名称: {{ advertisementName }}</div>
                            </el-col>
                        </el-row>
                    </div>
                    <div class="lu hnk"></div>
                    <div class="hnk jgxx">广告位类型</div>
                    <div class="jgcontainer" style="margin: 40px 0">
                        <el-row :gutter="20" style="margin-top: 20px">
                            <el-col :span="10" style="margin-left: 50px">
                                <div>投放时间: {{ launchTime }}</div>
                                <div style="margin-top: 20px">
                                    广告图:
                                    <div class="hnk" style="margin-left: 20px; width: 120px; height: 120px; border: 1px solid red">
                                        {{ advertisingMap }}
                                    </div>
                                </div>
                            </el-col>
                            <el-col :span="12" style="margin-left: 40px">
                                <!-- <div style="margin-top: 20px">类型: {{ type }}</div> -->
                                <div style="margin-top: 40px">链接地址: {{ linkAddress }}</div>
                            </el-col>
                        </el-row>
                    </div>

                    <div style="height: 1px; background: #E4E7ED; width: 100%"></div>

                    <div style="display: flex; justify-content: center; margin: 20px 0">
                        <el-button type="success" size="medium" @click="goback">返回</el-button>
                    </div>
                </div>
                <!-- <div class="container">
                    <div class="lu hnk"></div>
                    <div class="hnk jgxx">广告位类型</div>
                    <div class="jgcontainer">
                        <el-form ref="form" :model="form" label-width="130px" label-position="left">
                            <el-row :gutter="20" style="margin-top: 20px">
                                <el-col :span="10" style="margin-left: 50px">
                                    <div>产品名称:  {{productName}}</div>
                                    <div style="margin-top:20px">类型:  {{type}}</div>
                                </el-col>
                                <el-col :span="12" style="margin-left:40px">
                                    <div>版本:  {{edition}}</div>
                                    <div style="margin-top:20px">广告位名称:  {{advertisementName}}</div>
                                </el-col>
                            </el-row>
                        </el-form>
                    </div>
                </div> -->
            </el-form>
        </div>
    </div>
</template>
<script>
export default {
    name: '',
    props: {},
    components: {},
    data() {
        return {
            productName: '产品名称', //产品名称
            type: '类型', //产品类型
            edition: '版本', //产品版本
            advertisementName: '广告位名称', // 广告位名称
            launchTime: '投放时间', //投放时间
            advertisingMap: '广告图', //广告图
            linkAddress: '链接地址', //链接地址
            form: {}
        };
    },
    computed: {},
    watch: {},
    methods: {
      goback(){
        this.$router.push({path:"/advertisingManagement"})
      }
    },
    created() {},
    mounted() {},
    beforeDestroy() {}
};
</script>
<style scoped>
.crumbs {
    width: 95%;
    margin: 0 auto;
    margin-top: 30px;
    background: #ffffff;
}

.lu {
    width: 8px;
    height: 16px;
    background: greenyellow;
}

.hnk {
    display: inline-block;
}

.jgxx {
    margin-left: 10px;
    font-weight: 600;
    font-size: 15px;
}

.jgcontainer {
    font-weight: 400;
}
</style>